// pages/product-detail/product-detail.js
import {feach} from '../../http/http'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    navIndex: 0,
    screenHeight: 667,
    toView: 'slider',
    checked: false,
    id: '',
    detailData: {},
    sliderList: [],
    detailImgs: []
  },

  selectItem(e) {
    // console.log(e);
    const {index} = e.currentTarget.dataset
    this.setData({
      navIndex: index
    })
    switch (index) {
      case 0:
        this.setData({
          toView: 'slider'
        })
        break;
      case 1:
      this.setData({
        toView: 'detail-content'
      })
        break;
      case 2:
      this.setData({
        toView: 'slider'
      })
        break;
      default:
        this.setData({
          toView: 'slider'
        })
        break;
    }
  },

  onChange() {
    // console.log('点击了 复选框');
    this.checked = !this.checked
    this.setData({
      checked: this.checked
    })
  },

  /*
    获取产品详情数据
  */ 
 getProductDetail() {
   const params = {
     id: this.id
   }
  feach('/product/detail', params).then(res => {
    console.log(res);
    const {data} = res.data
    // 组装 轮播数据
    // console.log(data.subImages);
    const list = data.subImages.split(",");
     /*
        拼装 轮播图片的完整地址
      */
      const sliderList = list.map(item => {
        const imgUrl = data.imageHost + item;
        // console.log(imgUrl);
        return imgUrl;
      });

      // 截取详情图片地址
      const re = /(\/\/\S+(\.jpg|\.png|\.jpeg|\.webp))/g;
      const detailImgs = []
      data.detail.replace(re, substr => {
        // console.log(substr);
        detailImgs.push(substr);
      });

      // 设置 轮播数据， 设置 详情图片
    this.setData({
      detailData: data,
      sliderList: sliderList,
      detailImgs: detailImgs
    })
  })
 },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const {id} = options
    console.log('id:', id);
    // 不需要刷新界面 可以直接给data 中的属性赋值， 如果需要刷新界面就需要使用 setData方法
    this.id = id
    this.getProductDetail()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    // 获取屏幕宽度
    const res = wx.getSystemInfoSync()
    // console.log(res.screenHeight);
    this.setData( {
      screenHeight: res.screenHeight - 64 -64
    })

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})